<template>
  <div>
    <!-- 表头 -->
    <van-nav-bar title="课程详情" left-text="返回" left-arrow @click-left="onClickLeft" @click-right="onClickRight">
      <template #right>
        <van-icon name="share-o" size="18" />
      </template>
    </van-nav-bar>

    <!-- 详情内容 -->
    <div>
      <p><span></span><span></span></p>
      <p><span></span><span></span></p>
      <p><span></span><span></span></p>
      <p>开课时间：<span></span> | <span></span></p>
    </div>

    <div>
      <h3>教学团队</h3>
      <div>
        <img src="" alt="">
        <p></p>
      </div>
    </div>
    <div>
      <h3></h3>
      <p></p>
    </div>
    <div>
      <h3></h3>
      <p></p>
      <p></p>
    </div>
    <div>
      <p>课程评论</p>
    </div>
  </div>
</template>

<script>
import { NavBar, Icon, } from "vant";
export default {
  components: {
    [NavBar.name]: NavBar,
    [Icon.name]: Icon,
  },
  data () {
    return {

    }
  },
  methods: {
    onClickLeft () {
      this.$router.push("/bannerdetail")
    },
    onClickRight () {
      Toast('按钮');
    },
  },
  mounted () {

  },
}
</script>

<style>
</style>